<template>
    <div>
        <!-- <p>Counter is: {{ counter }}</p>
        <p>Number of Clicks: {{ clicks }}</p> -->
        <p>Counter is: {{ doubleCounter }}</p>
        <p>Number of Clicks: {{ stringCounter }}</p>
    </div>
</template>

<script>
    import { mapGetters } from 'vuex';

    export default {
        /*computed: {
            counter() {
                return this.$store.getters.doubleCounter;
            },

            clicks() {
                return this.$store.getters.stringCounter;
            },
        },*/
        /*computed: mapGetters([
            'doubleCounter',
            'stringCounter',
        ]),*/
        computed: {
            ...mapGetters([
                'doubleCounter',
                'stringCounter',
            ]),
        },
    };
</script>
